// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.contest-list-legend {
  display: flex;
  justify-content: flex-end;
  margin: 0 -5px;

  &__item {
    display: inline-block;
    height: 30px;
    background: @osu-colour-b4;
    margin: 5px;
    padding: 5px 10px;

    @media @mobile {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      font-size: 12px;

      &:hover {
        flex: none;
      }
    }

    border-right: 5px solid @osu-colour-b4;

    &--entry {
      border-color: @pink;
    }

    &--voting {
      border-color: @blue;
    }

    &--results {
      border-color: @green;
    }
  }
}
